
// 入口文件 App.js

const lists = [
  {id: 1001 , name : "Vue"},
  {id: 1002 , name : "TypeScript"},
  {id: 1003 , name : "JavaScript"},
  {id: 1004 , name : "Angular"},
  {id: 1005 , name : "React"},
]



function App() {
  return (
    <div className="App">
      {/**  渲染列表  */}
      {/**
       *  循环哪个结构  return 结构
       *  独一无二的key，字符串或者number id
       *  key => React框架内部使用，提升更新性能
       */}
      <ul>
        {lists.map
        (item => <li key = {item.id}>{item.name}</li>)}
      </ul>
    </div>
  );
}

export default App;
